const webpack = require('webpack');
const path = require('path')

module.exports = {
  publicPath: './',
  devServer: {
    // 反向代理端口地址及端口为 http://localhost:8080
    proxy: 'http://localhost:8091',
    port: 8080,
    compress:false,
  },
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "windows.jQuery": "jquery"
      })
    ],
  },
  chainWebpack:config=>{
    // svg图标加载
    config.module
        .rule('svg')
        .exclude.add(path.join(__dirname, 'src/assets/icons/svg'))
        .end()

    config.module
        .rule('icons')// 定义一个名叫 icons 的规则
        .test(/\.svg$/)// 设置 icons 的匹配正则
        .include.add(path.join(__dirname,'src/assets/icons/svg'))// 设置当前规则的作用目录，只在当前目录下才执行当前规则
        .end()
        .use('svg-sprite')// 指定一个名叫 svg-sprite 的 loader 配置
        .loader('svg-sprite-loader')// 该配置使用 svg-sprite-loader 作为处理 loader
        .options({// 该 svg-sprite-loader 的配置
          symbolId:'icon-[name]'
        })
        .end()
  }
}